<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery-1.8.0.js"></script>
	<script src="js/common.js"></script>
	<script src="js/laydate/laydate.js"></script>
	<script src="js/city.min.js"></script>
	<script src="js/jquery.pseudo.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
   
	<title>快速预约</title>
</head>
<body>
	 <div class="wrap">
        <div class="main" id="home">
        	<!-- 首页页头 -->
        	<div id="header">
        		<div class="header_top">
        			<div class="common_width clearfix">
        				<p class="header_title">您好，欢迎您来到安徽智慧乐生活家政管理有限公司！ 您身边的家政服务专家！</p>
        				<div class="loginbar"><a href="" class="cart">我的购物车</a>  |  <a href="#">登录</a>  |  <a href="#">注册</a>  |  我的预约</div>
        			</div>
        		</div>
        		<div class="nav common_width clearfix">
        			<img src="imgs/logo.gif" alt="智慧乐" class="logo_img">
        			<div class="nav_title">
        				<ul class="clearfix">
	        				<li><a href="">首页</a></li>
	        				<li><a href="">新闻中心</a></li>
	        				<li><a href="">服务项目</a></li>
	        				<li><a href="">积分商城</a></li>
	        				<li><a href="">培训学院</a></li>
	        				<li><a href="">招商加盟</a></li>
	        				<li><a href="">联系我们</a></li>
        				</ul>
        			</div>
        			<div class="pre_order">
        				<a href="">立即下单</a><a href="">快速预约</a>
        			</div>
        		</div>
        	</div>
			<!-- 首页内容主体 -->
			<div class="hr_23"></div>
			<div class="content common_width">
				<h2 class="con_title fast_title">快速预约</h2>
				<form action="" class="fast_form">
					<dl class="fast_dl clearfix">
						<dt>服务分类：</dt>
						<dd class="fast_active">家庭保洁</dd>
						<dd>家居保养</dd>
						<dd>家电清洗</dd>
						<dd>家居洗涤</dd>
						<dd>家庭用工</dd>
					</dl>
					<dl class="fast_dl_2 clearfix">
						<dt>服务项目：</dt>
						<dd class="fast_dd">无忧保洁A1 180平米以下,3小时/次...</dd>
						<dd class="fast_last_dd"><span class="fast_span">修改</span></dd>
						<div class="fast_mask" style="display:none">
							<ul class="fast_ul clearfix">
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A1</h4>
									</div>
									<p class="fast_img_text">180平米以下,3小时/次...</p>
								</li>
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A2</h4>
									</div>
									<p class="fast_img_text">280平米以下,3小时/次...</p>
								</li>
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A3</h4>
									</div>
									<p class="fast_img_text">380平米以下,3小时/次...</p>
								</li>
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A4</h4>
									</div>
									<p class="fast_img_text">480平米以下,3小时/次...</p>
								</li>
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A5</h4>
									</div>
									<p class="fast_img_text">80平米以下,3小时/次...</p>
								</li>
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A6</h4>
									</div>
									<p class="fast_img_text">80平米以下,3小时/次...</p>
								</li>
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A7</h4>
									</div>
									<p class="fast_img_text">80平米以下,3小时/次...</p>
								</li>
								<li>
									<div class="fast_img">
										<img src="imgs/img_2.png" alt="">
										<h4>无忧保洁A8</h4>
									</div>
									<p class="fast_img_text">80平米以下,3小时/次...</p>
								</li>
							</ul>
						</div>
					</dl>
					<div class="fast_label clearfix">
						<label for="">服务规格：</label>
						<input type="text" class="fast_input" value="价格：119.00    时间：3小时">
					</div>
					<div class="fast_label clearfix">
						<label for="">服务时间：</label>
						<input type="text" id="label_date" class="laydate-icon fast_date">
						<div class="date_span clearfix">
							<span class="default">上午已经预约完</span>
							<span class="default">下午14 : 00-18 : 00</span>
						</div>
					</div>
					<div class="fast_label clearfix">
						<label for="">数量：</label>
						<input type="text" value="1" class="label_num">
						<span class="number_span">总价：<em>119</em></span>
					</div>
					<div class="fast_label clearfix">
						<label for="">真实姓名：</label>
						<input type="text" class="common_input">
					</div>
					<div class="fast_label clearfix">
						<label for="">手机号码：</label>
						<input type="text" maxlength="11" class="common_input">
					</div>
					<div class="fast_label clearfix">
						<label for="">验证码：</label>
						<input type="text" class="validation_code">
						<span class="validation_span">获取验证码</span>
					</div>

					<div class="fast_label infolist clearfix">
						<label for="">服务地址：</label>
						<div class="liststyle">
	                        <span id="Province">
	                            <i>请选择省份</i>
	                            <ul>
	                                <li class="liststyle_li"><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
	                            </ul>
	                            <input type="hidden" name="cho_Province" value="请选择省份">
	                        </span>
	                        <span id="City">
	                            <i>请选择城市</i>
	                            <ul>
	                                <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
	                            </ul>
	                            <input type="hidden" name="cho_City" value="请选择城市">
	                        </span>
	                        <span id="Area">
	                            <i>请选择地区</i>
	                            <ul>
	                                <li><a href="javascript:void(0)" alt="请选择地区">请选择地区</a></li>
	                            </ul>
	                            <input type="hidden" name="cho_Area" value="请选择地区">
	                        </span>
	                    </div>
					</div>

					<div class="fast_label clearfix">
						<label for="">详情地址：</label>
						<input type="text" class="common_input">
					</div>
					<div class="fast_label clearfix">
						<label for="">更多需求：</label>
						<textarea name="" id="" class="fast_textarea"></textarea>
					</div>
					<div class="fast_btn"><button>立即预约</button></div>
				</form>
			</div>
        </div>
        <div class="hr_44"></div>
    </div>
    <div id="footer">
    	<div class="common_width footer">
    		<div class="hr_23"></div>
    		<form action="" class="footer_nav">
    			<table border="0">
					<tr>
						<th>家庭服务</th>
						<th>家政师</th>
						<th>培训学院</th>
						<th>个人中心</th>
						<th>加入我们</th>
					</tr>
					<tr>
						<td><a href="">家庭保洁</a></td>
						<td><a href="">月嫂</a></td>
						<td><a href="">学院简介</a></td>
						<td><a href="">我的订单</a></td>
						<td><a href="">招商加盟</a></td>
					</tr>
					<tr>
						<td><a href="">家居保养</a></td>
						<td><a href="">育婴师</a></td>
						<td><a href="">培训课程</a></td>
						<td><a href="">我的积分</a></td>
						<td><a href="">培训课程</a></td>
					</tr>
					<tr>
						<td><a href="">家电清洗</a></td>
						<td><a href="">催乳师</a></td>
						<td><a href="">学院相册</a></td>
						<td><a href="">家政预约</a></td>
						<td><a href="">服务方式</a></td>
					</tr>
					<tr>
						<td><a href="">家居洗涤</a></td>
						<td><a href="">早教师</a></td>
						<td><a href="">学院相册</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">养老陪护</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">居家保姆</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
				</table>
    		</form>
    		<div class="qr_code">
    			<img src="imgs/qr_code.gif" alt="">
    			<p>扫一扫</p>
    		</div>
    	</div>
    </div>
<script>
$(function() {
	// 服务时间选择
		$('.default').click(function() {
			$(this).toggleClass('chosen_li').siblings('.default').removeClass('chosen_li');
		})
})
</script>
</body>
</html>